<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
	/* 首先设置body的边距 */
	body{
		margin: 20px;
	}
	/* 设置超链接的字体和边距 */
	a{
		font-family: Arial;
		margin: 5px;
	}
	/* 设置类似于按钮格式的超链接 */
	a:LINK,a:VISITED {
		color:#A62020;
		padding:4px 10px 4px 10px;
		background-color:#DDD;
		text-decoration: none;
		border-top: 1px solid #EEEEEE;
		border-left: 1px solid #EEEEEE;
		border-bottom: 1px solid #717171;
		border-right: 1px solid #717171;
	}
	/* 设置点击按钮之后的动态效果 */
	a:HOVER {
		color: #821818;
		padding: 5px 8px 3px 12px;
		background-color: #CCC;
		border-top: 1px solid #717171;
		border-left: 1px solid #717171;
		border-bottom: 1px solid #EEEEEE;
		border-right: 1px solid #EEEEEE;
	}
</style>
</head>
<body>
<a href="www.1234.com">java</a>
<a href="www.1234.com">c</a>
<a href="www.1234.com">php</a>
</body>
</html>